<template>
   <div id="register_box">
		<div class="regist_two">
			<p class="J_secTabs">
				<a class="selected" href="javascript:;">个人注册</a>
				<a href="javascript:;">公司注册</a>
			</p>
			<div class="ctn">
				<div class="vali_list">
					<ul>
						<li><img src="../../public/images/reg_logo.png"/></li>
						<li>
							<label for="">手机号码：</label>
							<input type="text" placeholder="请输入手机号"/>
						</li>
						<li class="vali_code">
							<label for="">短信验证码：</label>
							<input type="text" placeholder="请输入短信验证码"/><input type="button" value="获取验证码" />
						</li>
						<li class="vali_code">
							<label for="">验证码：</label>
							<input type="text" placeholder="请输入验证码"/><img src="../../public/images/bank1.png" />
						</li>
						<li>
							<label for="">设置密码：</label>
							<input type="password" placeholder="6-20位数字和字母，以字母开头"/>
							<i class="iconfont"></i>
						</li>
						<li>
							<label for="">确认密码：</label>
							<input type="password" placeholder="请再次输入密码"/>
							<i class="iconfont"></i>
						</li>
						<li>
							<label for="">邀请码（选填）：</label>
							<input type="text" placeholder="请输入邀请码" />
						</li>
						<li class="checkbox"><label for=""></label>
							<input type="checkbox" />注册即同意<a href="">《投资平台用户服务协议》</a>
						</li>
						<li ><label for=""></label>
							<input class="registbtn" type="button" value="立即注册"/>
						</li>
					</ul>
					<p class="heaven">已有账号？<a href="">立即登录！</a></p>
				</div>
				<div class="vali_list hide">
					<ul>
						<li><img src="images/reg_logo.png"/></li>
						<li>
							<label for="">联系人：</label>
							<input type="text" placeholder="请输入手机号"/>
						</li>
						<li class="vali_code">
							<label for="">短信验证码：</label>
							<input type="text" placeholder="请输入短信验证码"/><input type="button" value="获取验证码" />
						</li>
						<li class="vali_code">
							<label for="">验证码：</label>
							<input type="text" placeholder="请输入验证码"/><img src="images/bank1.png" />
						</li>
						<li>
							<label for="">设置密码：</label>
							<input type="password" placeholder="6-20位数字和字母，以字母开头"/>
							<i class="iconfont"></i>
						</li>
						<li>
							<label for="">确认密码：</label>
							<input type="password" placeholder="请再次输入密码"/>
							<i class="iconfont"></i>
						</li>
						<li>
							<label for="">邀请码（选填）：</label>
							<input type="text" placeholder="请输入邀请码" />
						</li>
						<li class="checkbox"><label for=""></label>
							<input type="checkbox" />注册即同意<a href="">《投资平台用户服务协议》</a>
						</li>
						<li ><label for=""></label>
							<input class="registbtn" type="button" value="立即注册"/>
						</li>
					</ul>
					<p class="heaven">已有账号？<a href="">立即登录！</a></p>
				</div>
			</div>
		</div>
   </div>
</template>

<script>
    export default {
        name:'register_box',
    }
</script>

<style lang="less" rel="stylesheet/less" type="text/css">
	@import '../../public/css/variable.less';
	.regist{ height: 980px; }
	.regist_wrap{
	    width: 555px;
	    margin: 60px auto 0;
	}
    .regist_two{
        border: 1px solid @cw;
        .bdr(5px);
        .J_secTabs{
            .cf();
            text-align: center;
            a{
                float: left;
                display: inline-block;
                width: 50%;
                line-height: 50px;
                .fonts(18px);
                .bdr(5px);
                color: @cw;
                &.selected{
                    background: @cw;
                    color: @cgolden;
                    .bdr(0);
                }
            }
        }
    }

</style>